<%-- 
    Document   : tag
    Created on : 21/05/2013, 22:10:05
    Author     : Matheus
--%>

<%@page import="java.util.ResourceBundle"%>
<%@page import="org.apache.naming.resources.Resource"%>
<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" language="java"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<jsp:include page="cabecalho.jsp"/>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><c:out value="${musica.nome}" /> - Music4Me</title>
        <link rel="stylesheet" type="text/css" href="CSS/estilo.css" media="all" />
    </head>
    <body>
        
        <br><br><h1 style="text-align: center"><c:out value="${musica.nome}" /></h1><br>
        
        <div class="conteudo">
            <br>
            <label id="atributo_musica"><fmt:message key="system.labelArtist"/>: <c:out value="${musica.artista}" /></label><br>
            <label id="atributo_musica"><fmt:message key="system.labelTitle"/>: <c:out value="${musica.nome}" /></label><br>
            <label id="atributo_musica"><fmt:message key="system.labelGenre"/>: <c:out value="${musica.genero}" /></label><br>
            <br>
            <div align="center">
              <iframe width="720" height="404" 
                src="http://www.youtube.com/embed/${musica.urlYoutube}" 
                frameborder="0" allowfullscreen>
              </iframe>
            </div>
            <br><br>
              <div class="conteudo">
                  <fmt:message key="system.labelOtherTagsThatSong"/>
                <c:if test="${!empty musica.tags}"  >
                    <c:forEach var="tag" items="${musica.tags}">
                        <a id="tag" href="?modulo=tag&acao=ver&id_tag=${tag.id}"><c:out value="${tag.nome}" /></a>
                    </c:forEach>
                </c:if>
              </div>
            <br><a id="btn-voltar" onClick="window.history.back();"><fmt:message key="system.buttonBack"/></a>
            <a href="?modulo=tag&acao=avaliar&id_tag=${param.id_tag}&id_musica=${musica.id}&avaliar=like"><img src="IMGS/Like.jpg" /></a>
            <a href="?modulo=tag&acao=avaliar&id_tag=${param.id_tag}&id_musica=${musica.id}&avaliar=dislike"><img src="IMGS/Unlike.jpg" /></a>
            <br><br>
        </div>
        <jsp:include page="rodape.jsp"/>
    </body>
</html>
